<template>
    <div class="body_box">
        <div class="box_left">
            <!-- 个人数据 -->
            <Personal></Personal>
            <Search></Search>
            <Weather></Weather>
        </div>
        <div class="box_right">
            <div class="page">

            </div>
            <div class="details_page">

            </div>
        </div>
    </div>
</template>

<script setup>
import Personal from "./home/personal.vue";
import Search from "./home/search.vue";
import Weather from "./home/weather.vue";
components: {
    Personal,
    Search,
    Weather
}
</script>

<style scoped lang="less">
.body_box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-top: .4rem;

    .box_left {
        width: 4rem;
    }
}
</style>